<template>
    <el-tabs class="aa" v-model="activeName" @tab-click="handleClick">
    <el-tab-pane label="请假单管理" name="first"><leave /></el-tab-pane>
    <el-tab-pane label="考勤说明管理" name="second"><center /></el-tab-pane>
    <el-tab-pane label="去向牌登记" name="third"><register /></el-tab-pane>
  </el-tabs>
</template>

<script>
 import leave from './ui/top.vue'
 import center from './ui/kaoqin.vue'
 import register from './ui/register.vue'
    export default {
    data() {
      return {
        activeName: 'first'
      };
    },
    components:{
        leave,
        register,
        center
    },
    methods: {
      handleClick(tab, event) {
        console.log(tab, event);
      }
    }
  };
</script>

<style lang="scss" scoped>
.aa{
    margin-top: 10px;
    line-height: 30px;
}
</style>